<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<!--背景色属性（background-color）定义一个元素的背景颜色--> 
<body style="background-color:yellow;">
<h2 style="background-color:red;">这是一个标题</h2>
<p style="background-color: red;">这是一个段落。</p>

<br><!--使用font-family（字体），color（字体颜色），和font-size（字体大小）属性来定义字体的样式,而不是使用<font>标签-->
    <h1 style="font-family:verdana;">一个标题</h1>
    <p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>

<br><!--使用 text-align（文字对齐）属性指定文本的水平与垂直对齐方式-->
<h1 style="text-align:center;">居中对齐的标题</h1><!--对齐属性-->
<p>这是一个段落。</p>
<!--对齐属性 text-align取代了旧标签 <center> -->
<br>
    <center><h1>这是一个标题</h1></center>
    <p>上面的标题在这个页面中居中对齐。</p>

</body>
</html>